import { StyleSheet, Dimensions } from 'react-native';
const WIDTH_SCALE = Dimensions.get('window').width / 375.;
const SCREEN_WIDTH = Dimensions.get('window').width;
const styles = StyleSheet.create({
    container: {
        flex: 1,
        backgroundColor: '#f0f0f0'
    },
    input:{
        margin:20,
        marginBottom:0,
        backgroundColor:'#fff',
        height:40,
        paddingHorizontal:15,
        borderRadius:5,
    },
    list_item: {
        backgroundColor: '#fff',
        marginHorizontal: 10,
        marginTop: 10,
        borderRadius: 10,
        overflow: 'hidden',
    },
    item_content:{
        padding:20
    },
    card: {
        width: SCREEN_WIDTH - 20,
        height: (SCREEN_WIDTH - 20) * 9 / 21,
        position: 'relative',
        alignItems: 'center',
        justifyContent: 'space-between',
        padding: 20,
        borderRadius:10,
        // justifyContent:'center'
    },
    card_img_bg: {
        position: 'absolute',
        backgroundColor: '#000'
    },
    row_between: {
        width: '100%',
        flexDirection: 'row',
        justifyContent: 'space-between'
    },
    program_name:{
        fontSize:25
    },
    text_white: {
        color: '#fff'
    },
    text_333: {
        color: '#333'
    },
    text_666: {
        color: '#666'
    },
    text_999: {
        color: '#999'
    },
    text_theme:{
        color:'red'
    },
    text_bold: {
        fontWeight: 'bold'
    },
    
    tag_line:{
        marginVertical:10
    },
    list_item_tags:{
        flexDirection:'row',
        flexWrap:'wrap'
    },
    list_item_tag:{
        marginRight:10,
        marginTop:10,
        paddingHorizontal:10,
        height:26,
        borderRadius:13,
        backgroundColor:'#f7e6cb'
    },
    list_item_tag_sel:{
        backgroundColor:'#000'
    },
    list_item_tag_text:{
        lineHeight:26
    },
    detail_group:{
        margin:10,
        marginBottom:0,
        padding:10,
        borderRadius:10,
        backgroundColor:'#fff'
    },
    detail_group_space:{
        marginTop:5,
    },
    detail_group_content:{
        flexDirection:'row',
        marginTop:5,
        alignItems:'center'
    },
    coach_avatar:{
        width:50,
        height:50,
        borderRadius:25,
        backgroundColor:'pink',
        marginRight:10
    },
    check_img:{
        width:20,
        height:20,
        marginRight:10
    },
    row_center:{
        alignItems:'center',
        justifyContent:'center'
    },
    start_btn:{
        width:200,
        height:40,
        borderRadius:20,
        marginTop:20,
        alignItems:'center',
        justifyContent:'center',
        backgroundColor:'#edb96d',
    },
    disable_btn:{
        backgroundColor:'#aaa'
    },
    week_item:{
        backgroundColor:'#fff',
        margin:10,
        marginBottom:0,
        height:44,
        flexDirection:'row',
        alignItems:'center',
        borderRadius:5,
        paddingHorizontal:15,
        justifyContent:'space-between'
    },
    week_item_sel:{
        borderWidth:1,
        borderColor:'#edb96d'
    },
    week_item_choose_icon:{
        width:25,
        height:25,
    },
    onboarding_title:{
        marginLeft:20,
        marginTop:20,
        fontWeight:'bold',
        fontSize:16
    },
    onboarding_desc:{
        marginLeft:20,
        marginTop:5,
        fontWeight:'bold',
        fontSize:14,
        marginBottom:10
    },
    detail_header:{
        backgroundColor:'#fff',
        padding:10,
    },
    detail_tabbar:{
        flexDirection:'row',
        backgroundColor:'#fff',
        position:'relative'
    },
    selLine:{
        height:2,
        width:SCREEN_WIDTH/2.0,
        backgroundColor:'#333',
        position:'absolute',
        bottom:0
    },
    detail_tabbar_item:{
        height:40,
        flex:1,
        alignItems:'center',
        justifyContent:'center'
    },
    workout_item:{
        height:30,
        flexDirection:'row',
        alignItems:'center'
    },
    workout_item_left:{
        width:30,
        height:30,
        backgroundColor:'pink',
        marginRight:10,
        alignItems:'center',
        justifyContent:'center'
    },
    expand:{
        flex:1
    },
    arrow:{
        width:30,
        height:30
    },
    watch:{
        width:70,
        height:30,
        alignItems:'center',
        justifyContent:'center',
        borderRadius:3,
        backgroundColor:'#edb96d'
    },
    alternative:{
        width:100,
    },
    row_item_center:{
        alignItems:'center'
    },
    workout_table:{
        marginTop:10,
    },
    workout_table_row:{
        flexDirection:'row',
        alignItems:'center',
        marginTop:10
    },
    workout_table_item:{
        alignItems:'center',
        justifyContent:'center'
    },
    workout_input_bg:{
        borderBottomWidth:1,
        borderBottomColor:'#999'
    },
    workout_note:{
        marginTop:20,
        borderWidth:1,
        borderColor:'#eee',
        height:30,
        paddingHorizontal:15,
        borderRadius:4
    },
    add_set:{
        flexDirection:'row',
        marginTop:20,
        alignItems:'center'
    },
    loading_bg:{
        width:'100%',
        height:'60%',
        alignItems:'center',
        justifyContent:'center'
    }
});

export default styles;